<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 模块 1.文件模块 3.目录模块  3.第三方模块 （node_modules）
        // 第三方模块（包） 会通过 包管理工具 ：npm ：node package manager
        // npm 会随着node的安装一并安装
        // 查看npm版本 npm -v
        // npm 可以 自动 下载 更新 删除 第三方模块；
        // npm 常用的指令 ：
        // 一、.npm install 模块名(下载模块)
        // npm install简写 i  模块名称 
        // npm 默认会在 https://registry.npmjs.org/
        // 查看 npm 下载服务器 路径 npm config get registry;
        // 可以再 https://www.npmjs.com/ 查找 模块是否存在

        // 先初始化一个 package.json文件 
        // 安装jq ： npm i jquery   默认会安装在指令所在的目录
        // 1. -g  修饰符 ： 全局安装模块
            // npm i jquery -g  : 默认安装在全局的node_modules里
            // 查看全局node_modules目录 npm root -g
        // 2. @ 指定模块版本
        // npm i 模块名@2

        // 3.开发依赖 和 正式依赖  -S  -D
            // 正式依赖： npm i vue   等同于  npm i vue --save 简写 npm i vue -S
                // dependencies ：在开发环境和正式环境都需要用到的模块 ， 默认 模块会在 package.json里写入模块名及版本
            // 开发依赖 ：只是在开发的时候需要用到的模块 less sass..
            // npm i less --save-dev 简写 npm i less -D
                // devDependencies :只在开发的时候需要用到的模块

        // 4.自动安装  npm i 
            // 会自动查找 目录里的dependencies 以及  devDependencies里面的所有依赖 ，一次性全部自动安装好


// 二、删除 模块
// npm remove 模块名 或者 npm uninstall 模块名

// 三、其他指令 
// 1.npm init 初始化package.json文件
// 2.npm root : 自动查找项目的node_modules文件路径
// 3.npm root -g : 查找全局node_modules的文件路径
// 4.npm update 模块名 ： 更新模块 
// 5.npm -h : 查看npm的帮助 
// 6.npm search 模块名 ： 查找某个模块
// 7.npm list : 查找本地的模块

// 四、package.json的字段
/* 
    name：包名

    version：版本

    main：入口程序

    scripts：执行脚本 ： 指令的简写 
    {scripts:{
        "dev":"webpack-devserve index.js --open"
    }}

    dependencies：运行依赖

    devDependencies：开发依赖

    dependencies与devDependencies有什么区别？

    devDependencies 里面的插件只用于开发环境，不用于生产环境

    dependencies 是需要发布到生产环境的
*/





    </script>
</body>
</html>